`
<template>
  <el-form ref="dataForm" :inline="true" label-width="150px" label-suffix=": ">
    <div v-for="(items, index_) in columns" :key="index_" style="border-top:#eaeaea 1px solid;overflow: hidden">
      <p style="font-weight: bold;font-size: 20px;">{{ items.label }}</p>

      <el-form-item v-for="(item, index) in items.columns" :key="index" :label="item.label">
        <div style="width: 200px;font-weight: bold;font-size: 16px;">
          <a style="color: #1482f0">
            {{
              format != null && typeof (format[item.key]) != 'undefined' ? format[item.key](dataForm, index) : dataForm[item.key] || '--'
            }}
          </a>
        </div>
      </el-form-item>
    </div>

  </el-form>
</template>
<script>
export default {
  name: 'FormDetail',
  props: {
    columns: {type: Array, default: () => []},
    format: {
      type: Object, default: () => {
      }
    },
    dataForm: {
      type: Object, default: () => {
      }
    },
  },
  watch: {}
}
</script>

<style scoped>

</style>
